.library-list {
    height: calc(100vh - 96px);
    overflow: auto;
}

.library-item {
    padding: 10px;
}

.library-item>div {
    margin: 5px 0;
}

.time-state {
    display: flex;
    justify-content: space-between;
}

.state-in {
    flex-shrink: 0;
    padding-right: 20px;
    color: green;
}

.state-out {
    flex-shrink: 0;
    padding-right: 20px;
    color: gray;
}

.library-detail-img {
    height: 250px;
    overflow: hidden;
}

.library-detail-img>img {
    width: 100%;
}

.big-img {
    width: 80%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.detail-text>div {
    margin: 10px;
}

.view-comments {
    margin: 10px;
    padding: 10px;
}